{% extends app.request.xmlHttpRequest ? "TBNUserBundle::layout.json.twig" : "TBNUserBundle::layout.html.twig" %}

{% set partial = app.request.xmlHttpRequest %}
{% trans_default_domain 'FOSUserBundle' %}

{% block title_espace %}
    Inscription
{% endblock %}

{% block titre_espace %}
    Devenez membre de <strong>{{ site.nom }} By Night</strong>
{% endblock %}
    
{% block breadcrumb_espace %}
    {% set item = menu.addItem("Inscription", path('fos_user_registration_register')) %}
{% endblock %}
    
{% block meta_keywords_espace %}{% spaceless %}
    inscription,
{% endspaceless %}{% endblock %}

{% block meta_description_espace %}
    Inscrivez-vous sur {{ block('nom_site') }}, créez vos propres soirées et partagez les automatiquement avec vos amis sur les réseaux sociaux !
{% endblock %}
    
{% block fos_user_content %}
   
    <div class="row text-center">
        <div class="col-xs-4">
            <a class="social-facebook big-social tbn_tooltip" title="Inscrivez vous avec Facebook" href="{{ hwi_oauth_login_url('facebook') }}" data-toggle="tooltip" data-placement="bottom"></a>
        </div>
        <div class="col-xs-4">
            <a class="social-twitter big-social tbn_tooltip" title="Inscrivez vous avec Twitter" href="{{ hwi_oauth_login_url('twitter') }}" data-toggle="tooltip" data-placement="bottom"></a>
        </div>
        <div class="col-xs-4">
            <a class="social-googleplus big-social tbn_tooltip" title="Inscrivez vous avec Google+" href="{{ hwi_oauth_login_url('google') }}" data-toggle="tooltip" data-placement="bottom"></a>
        </div>
    </div>
    <hr />

    <form action="{{ path('fos_user_registration_register') }}" {{ form_enctype(form) }} method="POST" class="fos_user_registration_register">
        {% if error is defined and error %}
            <div class="alert alert-danger">
                <i class="fa fa-warning"></i> 
                {{ error }}
            </div>
        {% endif %}
        
        <div class="form-group">
            {{ form_label(form.username) }}
            {{ form_errors(form.username) }}
            {{ form_widget(form.username, { 'attr': { 'placeholder': '2 caractères minimum, sans espace'} } ) }}
        </div>

        <div class="form-group">
            {{ form_label(form.email) }}
            {{ form_errors(form.email) }}
            {{ form_widget(form.email, { 'attr': { 'placeholder': 'Saisissez une adresse mail valide'} } ) }}
        </div>

        <div class="form-group">
            {{ form_label(form.plainPassword.first) }}
            {{ form_errors(form.plainPassword.first) }}
            {{ form_widget(form.plainPassword.first, { 'attr': { 'placeholder': 'Soyez malin et adoptez un mot de passe sûr'} } ) }}
        </div>

        <div class="form-group">
            {{ form_label(form.plainPassword.second) }}
            {{ form_errors(form.plainPassword.second) }}
            {{ form_widget(form.plainPassword.second, { 'attr': { 'placeholder': 'Saissisez à nouveau votre mot de passe'} } ) }}
        </div>


        {% if not partial %}
            {% include "TBNUserBundle:Registration:block_buttons.html.twig" %}
        {% endif %}

        {{ form_rest(form) }}

        <br />
        <p>
            Vous avez déjà un compte? 
            <a class="connexion" href="{{ path('fos_user_security_login') }}" title="Connectez-vous sur {{ site.nom }} By Night">
                Connectez-vous!
            </a>
        </p>
    </form>                
{% endblock %}
    

{% block form_action_espace %}
    {{ path('fos_user_registration_register') }}
{% endblock %}

{% block modal_buttons_espace %}
    {% include "TBNUserBundle:Registration:block_buttons.html.twig" %}
{% endblock %}
